/*-------------------------------
	Table Styling
-------------------------------*/

select {
  padding: 10px 30px;
  height: 45px;
  border: 0;
  background: #fff url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat;
  background-size: 20px;
  background-position:  right 10px center;
  font-family: 'Arial';
  padding-left: 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  color: $warm-grey;

  &:active, &:hover, &:focus {
    outline: none;
    box-shadow:none;
  }
}